<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/include.inc.jsp" %>
<!DOCTYPE html>

<html>
<head>
    <%@include file="/WEB-INF/views/layout/miiteen/base.ref.jsp" %>
    <style>
        .input-text {
            height: 32px;
            line-height: 32px;
            -webkit-appearance: none;
            background-color: #FFF;
            background-image: none;
            border-radius: 4px;
            border: 1px solid #DCDFE6;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #606266;
            display: inline-block;
            font-size: inherit;
            outline: 0;
            padding: 0 15px;
            -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
            transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
            width: 100%;
        }

        .input-text:focus {
            border-color: #409EFF;
            outline: 0;
        }
    </style>
</head>
<body>
<div class="mainpage list">
    <!--顶部菜单-->
    <div class="page-topmenu">
        <shiro:hasPermission name="dataInfo:add">
            <div class="btn-panel">
                <el-button type="primary" size="small" icon="el-icon-plus" @click="add">添加</el-button>
            </div>
        </shiro:hasPermission>
        <shiro:hasPermission name="dataInfo:del">
            <div class="btn-panel">
                <el-button size="small" icon="el-icon-delete" @click="del">删除</el-button>
            </div>
        </shiro:hasPermission>
    </div>
    <!--查询条件-->
    <el-form :inline="true" :model="form" size="small">

        <!--视业务进行更改-begin-->
        <el-form-item label="名称">
            <input class="input-text" v-model="form.name"  placeholder="名称"/>
        </el-form-item>
        <!--视业务进行更改-end-->

        <el-form-item>
            <el-button type="primary" @click="search">查询</el-button>
        </el-form-item>
    </el-form>
    <hr/>
    <el-table
            row-key="id"
            :data="grid.data"
            :height="grid.height"
            @selection-change="selectchange">
        <el-table-column
                type="selection"
                width="55">
        </el-table-column>
        <el-table-column prop="name" label="操作" width="100">
            <template slot-scope="scope">
                <%--<a @click="goview(scope.row.id)" class="grid-operate">查看</a>--%>
                <a @click="goedit(scope.row.id)" class="grid-operate">编辑</a>
            </template>
        </el-table-column>

        <el-table-column prop="name" label="名称"></el-table-column>
        <el-table-column prop="deptName" label="部门名"></el-table-column>
        <el-table-column prop="ylzd2" label="目录分类">
            <template slot-scope="scope">
                <div v-if="scope.row.ylzd2 ==0">
                    普通上传
                </div>
                <div v-if="scope.row.ylzd2 ==1">
                    资料上传
                </div>
            </template>
        </el-table-column>
        <el-table-column prop="remark" label="备注"></el-table-column>
    </el-table>
    <!--分页控件-->
    <%@include file="/WEB-INF/views/layout/miiteen/gridpage.ref.jsp" %>
    </div>
    <script>
        //初始化数据，必须放置在列表页面封装部分前
        function initVueOption(obj) {
            //设置控制器
            obj.data.controller = "${ctx}/ct/ctdatatype";
            //设置查询条件默认值
            obj.data.form = {

            }

        }
    </script>
<!--列表页面封装部分-->
<%@include file="/WEB-INF/views/layout/miiteen/page.list.ref.jsp" %>
</body>
</html>
